<title>布局示范</title>
<style>
	section {width:660px;margin:0 auto} 
	article {width:500px;float:left;} 
	header  {width:100%;background:#ddd;text-align:center} 
	footer  {width:100%;background:#ddd} 
	aside   {width:150px;float:right}
</style>
<section> 
   <section> 
      <article> 
         <header> 
            <h1>Div 布局示范</h1> 
            <p>发表于2014年09月10日</p> 
         </header> 
         <section> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p> 
         </section> 
         <footer> 
            <p>Tags: HMTL, 代码, 演示</p> 
         </footer> 
      </article> 
      <aside> 
         <header> 
            <h1>附属信息</h1> 
         </header> 
         <section> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p> 
            <p>内容文本等等.</p> 
			<p>内容文本等等.</p> 
         </section> 
         <footer> 
            <p>Tags: HMTL,演示</p> 
         </footer> 
      </aside> 
   </section> 
</section>